<template>
  <div class="error-bd" v-show="errorShow">
    <span class="iconfont icon-error"></span>
    <p class="error-text">网络走丢了</p>
  </div>
</template>

<script>
  export default {
    name: 'Error',
    props: {
      errorShow: {
        type: Boolean,
        default: false
      }
    }
  }
</script>
<style lang="scss" scoped>
@import '~styles/mixins.scss';

.error-bd {
	@include vh-center;
	flex-direction: column;
	height: 3rem;
	color: #999;

	.iconfont {
		font-size: .5rem;
	}

	.error-text {
		font-size: .14rem;
		margin-top: .1rem;
	}
}
</style>
